<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <h1>h1~h6 标题标签  p 段落标签</h1>
        <p>1.h1标签一个网页中只能用一次，用来放新闻标题或网页logo</p>
        <p>2.标题标签一共有6级别，h1~h6</p>
        <p>字号加粗，逐渐减小，且独占一行</p>

        <p>1.独占一行</p>
        <p>2.段落之间有间隙</p>
        <hr>
    <h2>br 换行标签  hr 水平线标签</h2>
        第一行内容
        <br>
        第二行内容
        <hr>

    <h3>文本格式化标签</h3>
        <strong>strong 加粗</strong>
        <b>b 加粗</b>
        <br>
        <em>em 倾斜</em>
        <i>i 倾斜</i>
        <br>
        <ins>ins 下划线</ins>
        <u>u 下划线</u>
        <br>
        <del>del 删除线</del>
        <s>s 删除线</s>
        <br>
        左边是重点
        <hr>
    <h4>img src 图像标签</h4>
        <p>属性alt 作用：替换文本 说明：图片无法显示时显示文字</p>
        <img src="./picture/DVA1.jpg" width="500"  alt="DVA！">
        <p>属性title 作用：提示文本 说明:鼠标悬停在图片上时显示文字</p>
        <img src="./picture/DVA3.jpg" width="500"  title="这是高冷DVA！">
        <p>属性width 图片的宽度 说明：值为数字 没有单位</p>
        <p>属性height 图片的宽度 说明：值为数字 没有单位</p>
        <p>属性写在尖括号里面 标签名后面 标签名和属性之间用空格隔开 不区分先后顺序</p>
        <img src="./picture/DVA4.jpg" width="800" height="500">

</body>
</html>